import { Routes } from '@angular/router';
import {
  ElementsHome
} from './elements/elements-home/elements-home';
import {
  CollectionsHome
} from './collections/collections-home/collections-home';
import {Home} from './home/home';
import {NotFound} from './not-found/not-found';

export const routes: Routes = [
  {
    path:'elements',
    loadChildren:() => import('./elements/elements-module').then(m=>m.ElementsModule)
  },
  {
    path:'collections',
    loadChildren:() => import('./collections/collections-module').then(m=>m.CollectionsModule)
  },
  {
    path:'views',
    loadChildren:() => import('./views/views-module').then(m=>m.ViewsModule)
  },
  {
    path:'mods',
    loadChildren:() => import('./mods/mods-module').then(m=>m.ModsModule)
  },
  {
    path:'',
    component:Home
  },
  {
    path:'**',
    component:NotFound
  }

];
